import React from 'react';
import logo from './logo.svg';
import './App.css';

import Product from './pages/product'
import Psd from './pages/psd'
import Quick from './pages/quick'
import NavBar from './components/Layout/Nav.js'
import {BrowserRouter as Router , Route} from 'react-router-dom';

function App() {
  return (
      <Router>
        <div className="App">
          <NavBar />
          <Route exact path="/" component={Product} />
          <Route path="/psd" component={Psd} />
          <Route path="/quick" component={Quick} />
        </div>
      </Router>

  );
}

// <header className="App-header">
//   <img src={logo} className="App-logo" alt="logo" />
//   <p>
//     Edit <code>src/App.js</code> and save to reload.
//   </p>
//   <a
//       className="App-link"
//       href="https://reactjs.org"
//       target="_blank"
//       rel="noopener noreferrer"
//   >
//     Learn React
//   </a>
// </header>
export default App;
